<#setting classic_compatible=true> 
<#assign base=request.contextPath /> <!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- Meta, title, CSS, favicons, etc. -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>统一消息中心</title>
<link rel="icon" href="${base}/images/favicon.ico" type="image/ico" />
<link rel="stylesheet" type="text/css" href="${base}/zhgl-jzstyxx-manage/css/bootstrap-table.min.css">
<!-- 引入通用css -->
<#include "/common/commoncss.ftl">
<link rel="stylesheet" type="text/css" href="${base}/zhgl-jzstyxx-manage/css/bootstrap-select.min.css">
<link rel="stylesheet" type="text/css" href="${base}/zhgl-jzstyxx-manage/css/warning/warningThreshold.css">
<link rel="stylesheet" type="text/css" href="${base}/zhgl-jzstyxx-manage/css/model.css">
</head>

<body class="nav-md">

<!--弹出模态框-->


<!-- 新增/修改框 -->
<div class="modal fade in" id="addOrEditModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop='static' padding-right: 17px;">
    <div class="modal-dialog" role="document">

	    <div class="modal-content">
	      <!-- 标题 -->
	      <div class="modal-header">
	        <button class="close" type='button' data-dismiss='modal' aria-hidden='true'>&times;</button>
	        <h4 class="modal-title" id="myModalLabel"></h4>
	      </div>
	      
	      <!-- 内容 -->
	      <div class="modal-body">
              <form  id="addOrEdit" class=" form-horizontal">
                  <input type="hidden" name="id" id="cId"/>
                  <div class="form-group">
                      <label for="monitoringType1" class="col-sm-2 control-label">监控对象类型</label>&nbsp;
                      <div class="col-sm-4 col-sm-me">
                      <select  id="monitoringType1" name="monitoringType1" class='selectpicker' onchange="textValue2()" data-dropup-auto="false">
							
					  </select>
					  </div>
                  </div>
                  <div class="form-group">
                      <label for="monitoringItems" class="col-sm-2 control-label">预&nbsp;&nbsp;警&nbsp;&nbsp;指&nbsp;&nbsp;标</label>&nbsp;
                      <div class="col-sm-4 col-sm-me">
                      <select  id="monitoringItems1" name="monitoringItems1" class='selectpicker' onchange="textValue3()" data-dropup-auto="false">
							
					  </select>
					  </div>
                  </div>

                  <div class="form-group">
                      <label for="monitoringPeriod" class="col-sm-2 control-label" >扫&nbsp;&nbsp;描&nbsp;&nbsp;间&nbsp;&nbsp;隔</label>
                      
                      <div class="col-sm-4 col-sm-me">
                      	<select  id="monitoringPeriod" name="monitoringPeriod" data-dropup-auto="false" class='selectpicker'>
							
					  </select>
                      </div>                   			  
                  </div>          
                  <div class="form-group" id="errorEdit">
                      <label for="threshold" class="col-sm-2 control-label">预&nbsp;&nbsp;警&nbsp;&nbsp;阈&nbsp;&nbsp;值</label>&nbsp;                  
                   	  	 	<div class="col-sm-4 col-sm-me" id="monitoringThreshold" >
                      			<div style="float: left;width:42%;">
	                      			<select  id="threshold" name="threshold" data-dropup-auto="false" class='selectpicker'>
											
						  			</select>
					  			</div>
					  			<div style="float: left;width:30%;margin: 0px 11px">
					  				<input type="number" id="number" name="number">
					  			</div>
					   			<div class="number1-select">
					   				<select id="unit" name="unit" onchange="unit1()" data-dropup-auto="false" class='selectpicker'>
					   				</select>
					   			</div>
					  		</div>
                  </div>
                  <div class="form-group">
                      <label for="principal" class="col-sm-2 control-label" >预&nbsp;警&nbsp;通&nbsp;知&nbsp;人</label>
                      <div class="col-sm-4 col-sm-me">
                      <select  id="principal" name="principal" data-dropup-auto="false" class='selectpicker'>
							
					  </select>
					  </div>
                  </div>
                  <div class="form-group">
                      <label for="warningType" class="col-sm-2 control-label" >通&nbsp;&nbsp;知&nbsp;&nbsp;方&nbsp;&nbsp;式</label>
                      <div class="col-sm-4 col-sm-me">
                      <select  id="warningType" name="warningType" data-dropup-auto="false" class='selectpicker'>
							
					  </select>
					  </div>
                  </div>
              </form>
	      </div>
	      
	      <!-- 尾部 -->
	      <div class="modal-footer">
	      	<div class="footer-button">
	      		<button  id="submit" class="btn btn-primary" onclick="saveAddOrEdit()">提交</button>
	        	<button  id="exit" class="btn btn-primary"  data-dismiss='modal'>关闭</button>   
	        </div>  
	      </div>
	      
	    </div>
	</div>
</div>


			<div>
				<p style="padding: 0;margin-top: 10px"><i class="fa fa-warning" style="margin-right: 20px"></i>监控预警&nbsp;&nbsp;<i class="fa fa-angle-right"></i>&nbsp;&nbsp;预警阈值设置</p>
			</div>
				<div class="container body-content">
					<div class="panel panel-default" style="margin-bottom: 10px">
						<div class="panel-body" >
							<form class="form-inline">
								<div class="row" style="margin: auto">
									<div class="col-sm-4 box1">
											<div style="float: left;">
												<label for='monitoringType' class='control-lable  everylabel'>监控对象类型</label>
												<select  id="monitoringType" onchange="textValue()" class='selectpicker'>												
												</select>
											</div>
											<div style="float: left;">
												<label for='monitoringItems' class='control-lable thirdlabel everylabel'>预警指标</label>
												<select  id="monitoringItems" class='selectpicker'>												
												</select>
											</div>
											
										<button id="btn_query" type="button" class="btn btn-default">
							 				<span class="fa fa-search" aria-hidden="true"></span>&nbsp;查询
										</button>
									</div>					
								</div>
							</form>
					<div id="tool" class="btn-group">
						<button id="btn_add" type="button" class="btn btn-default" onclick="Add()" style="background-color: #3B9ED9">
							 <span class="iconfont icon-add" aria-hidden="true"></span>&nbsp;新增
						</button>
						<button id="btn_edit" type="button" class="btn btn-default" onclick="editById()" style="background-color: #7ABD3E">
							 <span class="iconfont icon-edit-1-copy" aria-hidden="true"></span>&nbsp;修改
						</button>
						<button id="btn_delete" type="button" class="btn btn-default" onclick="deleteByIds()" style="background-color: #FFA45A">
							 <span class="iconfont icon-shanchu" aria-hidden="true"></span>&nbsp;删除
						</button>						
					</div>
							<table id="tb_warningThreshold"></table>
					</div>
					
				</div>
			
			</div>

</div>
	<!-- 引入通用和js -->
<#include "/common/commonjs.ftl">
<script type="text/javascript" src="${base}/zhgl-jzstyxx-manage/js/bootstrap-select.js"></script>
<script type="text/javascript" src="${base}/zhgl-jzstyxx-manage/js/jquery.serializejson.min.js"></script>
<script type="text/javascript" src="${base}/zhgl-jzstyxx-manage/js/jquery.validate.min.js"></script> 
<script type="text/javascript" src="${base}/zhgl-jzstyxx-manage/js/warning/warningThreshold.js"></script> 
</body>
</html>